<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/index.css">
    <title>首页</title>
</head>

<body>

    <div class="told" id="told" style="display: none;">
        <button id="toldClose">关闭</button>
        <p id="toTold"></p>
    </div>
    <div class="container">
        <div class="box w">
            <div class="header">
                <div class="header-bd">
                    <ul>
                        <li id="mypage" name="mypage"><a href="mines.html">我的动态</a></li>
                        <li>好友动态</li>
                        <li><input type="search" placeholder="请输入用户id" id="find" name="find"><button id="findBtn" name="findBtn">搜索</button></li>
                        <li><input type="del" id="del" name="del" placeholder="请输入动态id"><button id="dell" name="dell">删除</button></li>
                        <li><a href="../views/mines.html">去发动态</a></li>
                        <li><a href="login.html">退出登录</a></li>
                    </ul>
                </div>
            </div>
            <div class="banner"></div>
            <div class="dynamic" id="dynamic">
                <div class="left">
                    <span id="word"></span>
                    <div class="play" id="play">
                        <p>快来玩会小游戏吧~~</p>
                        <div class="game" id="game">
                            <p>猜猜我是多少?</p>
                            <p>游戏规则：输入一个1~50的整数，直到猜中为止</p>
                            <button id="go">开始游戏</button>
                            <input type="text" id="gameNum">
                            <button id="yes">确定</button>
                            <p id="remind"></p>
                        </div>
                    </div>
                </div>
                <div class="dynamicBox">
                    <img class="showPic" id="showPic" name="showPic" style="display: none;">
                    <h2 class="allFriH2">好友动态</h2>
                    <div class="center" id="center" name="center">

                        <div class="reveal" id="reveal" name="reveal">
                            <ul id="ul" name="ul">
                            </ul>
                        </div>
                        <div class="findDy" id="findDy" name="findDy" style="display: none;">
                            <ul id="findUl" name="findUl"></ul>
                        </div>
                    </div>
                </div>
                <div class="show" id="show" name='show' style="display: none;"></div>
                <div class="findShow" id="findShow" name='findShow' style="display: none;"></div>

                <div class="right">
                    <div class="rightBox">
                        <img src="" alt="" id="Uimg" name="Uimg">
                        <span id="Uname" name="Uname"></span></div>
                    <h3>主题系列</h3>
                    <span id="blue">蓝色系</span><span id="white">极简系</span>
                </div>

            </div>
        </div>
    </div>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript" src="../js/index.js"></script>
</body>

</html>